import React from 'react';
import ReTheme from '../../ReTheme';
import ReIconButton from '../../ReIconButton';
import {ReTabs,ReTab} from '../index.js';
export default class view extends React.Component {
    static propTypes = {
        
    };


    constructor(props, context) {

        super(props, context);

        this.state = {

        };
    }
    componentWillMount() {
        this._isMounted = true;

    }

    componentDidMount() {

    }

    componentWillUnmount() {
        this._isMounted = false;
    }
    handle(index,name){
        console.log(index,name);
    }

    
    render() {
        return (
          <ReTheme theme="theme-primary">
            <div className="orin-sw-retabs-test-root">
            <ReTabs
                  className="editor-tabs"
                  defaultChild={'scene'}
                  onChange={(index, name) => this.handle(index,name)}>
                  <ReTab name="myArtworks" label="作品集" tipsType="bottom" tipsLabel={$$.LN.EDITOR_TAB_SCENE} >
                      12232333e2dfd
                  </ReTab>
                  <ReTab name="likedArtworks" label="已赞" tipsType="bottom" tipsLabel={$$.LN.EDITOR_TAB_LIGHT} >
                      12232333e2dfd
                  </ReTab>
                  <ReTab name="social" label="圈子" tipsType="bottom" tipsLabel={$$.LN.EDITOR_TAB_MATERIAL}  >
                      12232333e2dfd
                  </ReTab>
                  <ReTab name="aboutMe" label="关于我" tipsType="bottom" tipsLabel={$$.LN.EDITOR_TAB_ANNOTATION} >
                      12232333e2dfd
                  </ReTab>
               </ReTabs>  
            </div>
          </ReTheme>
        );
    }
}
